<#include "layout/_include/head.ftl">
<@head title="Journals - ${blog_title!}"></@head>
<#include "layout/_include/container_head.ftl">
<#include "layout/_include/single_column_head.ftl">
<#include "layout/_include/side_nav.ftl">
<div ref="extraContainer" class="extra-container">
    <div class="pagination">
        <a id="globalBackToTop" class="pagination-action animated-visibility" href="#top"
           :class="{ invisible: scrollY == 0 }">
            <i class="material-icons pagination-action-icon">
                keyboard_arrow_up
            </i>
        </a>
        <@paginationTag method="journals" page="${journals.number}" total="${journals.totalPages}" display="3">
            <div class="pagination-indicator">
                    <span style="text-align: center">
                        ${journals.number+1}<br><div
                                style="display: inline-block; transform: rotate(-28deg)">-</div><br>${journals.totalPages!}
                    </span>
            </div>

            <#if pagination.hasPrev>
                <a class="pagination-action" href="${pagination.prevPageFullPath!}">
                    <i class="material-icons pagination-action-icon">
                        chevron_left
                    </i>
                </a>
            </#if>

            <#if pagination.hasNext>
                <a class="pagination-action" href="${pagination.nextPageFullPath!}">
                    <i class="material-icons pagination-action-icon">
                        chevron_right
                    </i>
                </a>
            </#if>
        </@paginationTag>
    </div>
</div>
<div ref="streamContainer" class="stream-container">
    <div class="post-list-container post-list-container-shadow">
        <div class="post">
            <div class="post-head-wrapper-text-only"
                 style="background-image: url('')">
                <div class="post-title">
                    Journals
                </div>
            </div>

            <div class="post-body-wrapper">
                <div class="post-body">
<pre>
[
<#list journals.content?sort_by('createTime')?reverse as journal>
    {
        id: ${journal.id!},
        createTime: "${journal.createTime?string('yyyy-MM-dd HH:mm:ss')}",
        content: "${journal.content!}"
        <#if journal_has_next>
    },
    <#else>
    }
    </#if>
</#list>
]
</pre>
                </div>
            </div>
        </div>
    </div>
    <#include "layout/_include/single_column_footer.ftl">
</div>

<#include "layout/_include/container_tail.ftl">
<#include "layout/_include/tail.ftl">